<!--招聘历史列表-->
<template>
  <el-table
      ref="multipleTable"
      :data="arryList"
      :stripe="true"
      :border="true"
      tooltip-effect="dark"
      style="width: 100%"
      header-cell-class-name="table-text-c"
      cell-class-name="table-text-c">
    <el-table-column
        prop="id"
        label="ID"
        width="50">
    </el-table-column>
    <el-table-column
        label="拟聘岗位">
      <template slot-scope="scope">
        {{ scope.row.job.name }}
      </template>
    </el-table-column>
    <el-table-column
        prop="create_time"
        label="创建日期">
    </el-table-column>
    <el-table-column
        prop="end_time"
        label="截止日期">
    </el-table-column>
    <el-table-column
        prop="number"
        label="拟聘人数">
    </el-table-column>
    <el-table-column
        label="操作"
        width="140">
      <template slot-scope="scope">
        <el-button size="mini" @click="addRecruit(scope.row.id)">审核招聘详情</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: ['arryList'],
  name: "index",
  watch:{
    arryList(){
      console.log('变换了')
    }
  },
  methods: {
    addRecruit(id) {
      this.$emit('addRecruit', {id:id})
    },
    showList(option) {
      this.$emit('showList', option)
    }
  }
}
</script>

<style scoped>

</style>
